body{
  background-color:#f0f0f0;
  //height: 200%;
}
.warp{
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  header{
    height:0.58rem;
    line-height: 0.58rem;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff8fa;
    text-align: center;
    font-size:0.36rem;
    color: #333333;
    padding: 0.25rem;
    .back{
      display: block;
      width:0.28rem;
      height: 0.28rem;
      background: url("../images/doctor-01/icon_back.png") no-repeat;
      background-size:0.28rem 0.28rem;
      margin-top:0.17rem;

    }
  }
  //推荐
  .recommend{
    .recommend_top{
      width: 100%;
      height:0.58rem;
      line-height:0.58rem;
      border-bottom: 1px solid #e5e5e5;
      border-top: 1px solid #e5e5e5;
      background-color: #fff;
      margin-top: 0.1rem;
      padding: 0 0.25rem;
      span{
        font-size:0.28rem;
        color: #333333;
        padding-left:0.45rem;
        position: relative;
        &:before{
          display: block;
          content:"";
          width:0.28rem;
          height: 0.28rem;
          background: url("../images/doctor-01/icon_03.png") no-repeat;
          background-size:0.28rem 0.28rem;
          position: absolute;
          top: 0px;
        }
      }

    }
    .recommend_bottom{
      height: 1.28rem;
      line-height: 1.28rem;
      border-bottom: 1px solid #e5e5e5;
      background-color: #fff;
      padding: 0 0.25rem;
      box-sizing: border-box;
      position: relative;
      .remind_box{
        /* padding: 0 0.48rem; */
        font-size: 0.24rem;
        p{
          font-size: 0.24rem;
          height: 0.64rem;
          line-height: 0.64rem;
          border-bottom: 1px solid #e5e5e5;
          padding-left: 0.3rem;
          position: relative;
          &:before{
            display: block;
            content:"";
            width:0.2rem;
            height: 0.2rem;
            background: url("../images/doctor-01/icon_05.png") no-repeat;
            background-size:0.2rem 0.2rem;
            position: absolute;
            top: 10px;
            left: 0;
          }
          &:last-child{
            border: 0;
          }
        }
      }

    }
  }
  //套餐
  .combo{
    .combo_top{
      width: 100%;
      height:0.58rem;
      line-height:0.58rem;
      border-bottom: 1px solid #e5e5e5;
      border-top: 1px solid #e5e5e5;
      background-color: #fff;
      margin-top: 0.1rem;
      padding: 0 0.25rem;
      span{
        font-size:0.28rem;
        color: #333333;
        padding-left:0.45rem;
        position: relative;
        &:before {
          display: block;
          content: "";
          width: 0.28rem;
          height: 0.28rem;
          background: url(../images/doctor-01/icon_04.png) no-repeat;
          background-size: 0.28rem 0.28rem;
          position: absolute;
          top: 0px;
        }
      }
    }
    .combo_bottom{
      border-bottom: 1px solid #e5e5e5;
      background-color: #fff;
      padding: 0 0.25rem;
      box-sizing: border-box;
      div{
        font-size: 0.24rem;
      }
      .pic{
        a{
          display: block;
          width: 1.2rem;
          height: 1.2rem;
          background: url("../images/doctor-01/touxiang01.png") no-repeat;
          background-size:1.2rem 1.2rem;
          margin-top: 0.15rem;
          margin-right: 0.15rem;
        }
      }
      .right{

        float: left;
        width: 76%;
        .top{
          padding-top: 0.1rem;
          h3{
            font-size: 0.24rem;
            font-weight: 400;
          }
          span{
            color: #999999;
            font-size: 0.24rem;
          }
        }
        .text{
          font-size: 0.24rem;
          color: #666666;
          padding-bottom: 0.1rem;
        }
        .upload{
          height: 1.4rem;
          span{
            display: block;
            width: 1.2rem;
            height: 1.2rem;
            background: url(../images/img_04.png) no-repeat;
            background-size: 1.2rem 1.2rem;
            float: left;
            margin: 0 0.2rem;
          }
        }

      }
    }
  }

  .combo_box{
    .combo_top{
      width: 100%;
      height:0.58rem;
      line-height:0.58rem;
      border-bottom: 1px solid #e5e5e5;
      border-top: 1px solid #e5e5e5;
      background-color: #fff;
      margin-top: 0.1rem;
      padding: 0 0.25rem;
      span{
        font-size:0.28rem;
        color: #333333;
        padding-left:0.45rem;
        position: relative;
        &:before {
          display: block;
          content: "";
          width: 0.28rem;
          height: 0.28rem;
          background: url(../images/doctor-01/icon_02.png) no-repeat;
          background-size: 0.28rem 0.28rem;
          position: absolute;
          top: 0px;
        }
      }
    }
    .combo_bottom{
      border-bottom: 1px solid #e5e5e5;
      background-color: #fff;
      padding: 0 0.25rem;
      box-sizing: border-box;
      .pic{
        a{
          display: block;
          width: 1.2rem;
          height: 1.2rem;
          background: url("../images/doctor-01/touxiang01.png") no-repeat;
          background-size:1.2rem 1.2rem;
          margin-top: 0.15rem;
          margin-right: 0.15rem;
        }
      }
      .right{

        float: left;
        width: 76%;
        .top{
          padding-top: 0.1rem;
          h3{
            font-size: 0.24rem;
            font-weight: 400;
          }
          span{
            color: #999999;
            font-size: 0.24rem;
          }
        }
        .text{
          font-size: 0.24rem;
          color: #666666;
          padding-bottom: 0.1rem;
        }
        .upload{
          height: 1.4rem;
          span{
            display: block;
            width: 1.2rem;
            height: 1.2rem;
            background: url(../images/img_04.png) no-repeat;
            background-size: 1.2rem 1.2rem;
            float: left;
            margin: 0 0.2rem;
          }
        }

      }
    }
  }

}